<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>jQuery WeUI</title>
    <meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>

<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
"/>

<link rel="stylesheet" th:href="@{/dist/lib/weui.min.css}" />
<link rel="stylesheet" th:href="@{/dist/css/jquery-weui.min.css}" />
<link rel="stylesheet" th:href="@{/dist/../static/demos/css/../static/demos.css}" />
<script type="text/javascript" th:src="@{/dist/lib/jquery-2.1.4.js}" ></script>
<script type="text/javascript" th:src="@{/dist/js/jquery-weui.js}" ></script>
<script type="text/javascript" th:src="@{/dist/lib/fastclick.js}" ></script>
<link rel="stylesheet" th:href="@{/adminltecss/userl.css}" />
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
  <style>
  	.cusmar{
  		margin-left: 40px;
  	}
  	.header-wai{
  		position: fixed;top:0px; height:60px;background-color: #363436;
  	}
  	.custanc{
  		text-decoration: none;
  		color: #0D0D0D;
  		margin-top: 10px;
  		text-align: center;
  	}
  		#tancu{
  		box-shadow:2px 2px 13px;
  		text-align: center;
  		padding-top: 30px;
  		border-radius:3px ;
  		font-family: 微软雅黑;
  		font-size: 16px;
  	}
  </style>
  <script type="text/javascript" th:inline="javascript">
		$(function(){
			$("#down").click(function(){
				$("#tancu").toggle();
			});
		});
		
		function returnDemo(){
			window.history.back(-1); 
		}
	</script>

  </head>
  
  <body ontouchstart>
  	<div class="weui-grids">
  	<div class="weui-tabbar header-wai" style="">
  		<a  class="weui-tabbar__item"  id="cusdow">
          <div class="weui-tabbar__icon"></div>
          <p class="weui-tabbar__label" style="font-size: 20px; color: white; line-height: 1px;">
          	<span class="fa fa-angle-left fa-2x" style="color: white; float: left;line-height: 10px;" onclick="returnDemo()"></span>
          	客户列表<span class="fa fa-angle-down fa-2x" style="color: white;float: right; margin-right: 10px;line-height: 10px;" id="down"></span></p>
        </a>
      </div>
  	<div style="width: 120px;height: 150px;border: solid 1px rgba(0,0,0,0.03); right: 0px;position: fixed;z-index: 999;background-color: white;margin-top: 65px;margin-right: 5px; display:none;" id="tancu">
  		<div style="border-bottom:dashed rgba(0,0,0,0.09) 1px;"><a th:href="@{/selectCustomerByGrand}" class="custanc">按客户等级排序</a></div><br />
  		<div style="border-bottom:dashed rgba(0,0,0,0.09) 1px;"><a th:href="@{/selectCustomersSameProbability}" class="custanc">按买房概率排序</a></div><br />
  	</div>
  		
  	<div class="weui-search-bar" id="searchBar" style="margin-top: 60px;">
      <form class="weui-search-bar__form" action="#">
        <div class="weui-search-bar__box">
          <i class="weui-icon-search"></i>
          <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required=""/>
          <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
        </div>
        <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
          <i class="weui-icon-search"></i>
          <span>搜索</span>
        </label>
      </form>
      <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
      
    </div>
    
  	<div class="weui-cells" style="padding: 10px;">
          <a th:href="@{/selectCustomer(cid=${cudtomerGrand.getCustomer().getCid()})}" class="weui-cell weui-cell_access" href="sc-customerinfo.html" th:each="cudtomerGrand:${listCustomerGrands}">
            <div class="weui-cell__bd" placeholder="20%">
               <p th:inline="text">
               <span class="fa fa-bicycle cusmar" th:if="${cudtomerGrand.getCustomer().getCgrand() == null}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
               <span class="fa fa-bicycle cusmar" th:if="${cudtomerGrand.getCustomer().getCgrand() == 0}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
               <span class="fa fa-car cusmar" th:if="${cudtomerGrand.getCustomer().getCgrand() == 1}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
               <span class="fa fa-plane cusmar" th:if="${cudtomerGrand.getCustomer().getCgrand() == 2}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
               [[${cudtomerGrand.getCustomer().getCname()}]]</p>
            </div>
            <div class="weui-cell__ft" th:inline="text">[[${cudtomerGrand.getProbability()}]]
            </div>
          </a>
          <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd">
              <p>客户2<span class="fa fa-car cusmar"></span></p>
            </div>
            <div class="weui-cell__ft">30%
            </div>
          </a>
          <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd">
              <p>客户3<span class="fa fa-bicycle cusmar"></span></p>
            </div>
            <div class="weui-cell__ft">10%
            </div>
          </a>
          <a class="weui-cell weui-cell_access" href="sc-customerinfo.html">
            <div class="weui-cell__bd" placeholder="20%">
              <p>客户1<span class="fa fa-plane cusmar"></span></p>
            </div>
            
            <div class="weui-cell__ft">20%
            </div>
          </a>
          <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd">
              <p>客户2<span class="fa fa-car cusmar"></span></p>
            </div>
            <div class="weui-cell__ft">30%
            </div>
          </a>
          <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd">
              <p>客户3<span class="fa fa-bicycle cusmar"></span></p>
            </div>
            <div class="weui-cell__ft">10%
            </div>
          </a>
          <a class="weui-cell weui-cell_access" href="sc-customerinfo.html">
            <div class="weui-cell__bd" placeholder="20%">
              <p>客户1<span class="fa fa-plane cusmar"></span></p>
            </div>
            
            <div class="weui-cell__ft">20%
            </div>
          </a>
          <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd">
              <p>客户2<span class="fa fa-car cusmar"></span></p>
            </div>
            <div class="weui-cell__ft">30%
            </div>
          </a>
          <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd">
              <p>客户3<span class="fa fa-bicycle cusmar"></span></p>
            </div>
            <div class="weui-cell__ft">10%
            </div>
          </a>
        </div>
  	
  	</div>
  	 
       <br/>
      <br/>
  	<div class="weui-tabbar" style="position: fixed;">
        <a th:href="@{/}" class="weui-tabbar__item weui-bar__item--on">

          <div class="weui-tabbar__icon">
            
            <img th:src="@{/demos/images/icon_nav_button.png}" />
          </div>
          <p class="weui-tabbar__label">首页</p>
        </a>
        
        
        
       
        <!--判断是否登陆  -->
        <a href="javascript:void(0)" class="weui-tabbar__item" th:if="${session.EmployeeInfo!=null}"> 
          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_msg.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">菜单</p>
        </a>
        
        <a th:href="@{/WBizController/loginDemo}" class="weui-tabbar__item" th:if="${session.EmployeeInfo==null}"> 
          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_msg.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">菜单</p>
        </a>

		<!--判断是否登陆  -->
        <a th:href="@{/selectAllCustomers}" class="weui-tabbar__item" th:if="${session.EmployeeInfo!=null}">

          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_article.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">客户</p>
        </a>
         <a th:href="@{/WBizController/loginDemo}" class="weui-tabbar__item" th:if="${session.EmployeeInfo==null}">

          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_article.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">客户</p>
        </a>
        
        
        
        
        
        <a th:href="@{/WBizController/HeadPage}" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_cell.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">我的</p>
        </a>
      </div>
      <script >
      $(function(){
    	  
          	
          //输入摘要内容时，计算字符长度
          $("#searchInput").bind('input propertychange',function () {
             var context=$(this).val();
             //alert("summary");
             $.ajax({
            	 url:"selectCustomersLike",
            	 type:"post",
            	 data:{"context":context},
            	 dataType:"json",
            	 success:function(message){
            		 
            	 },
            	 error:function(){
            		 alert("ajax error");
            	 }
             });
    	  });
      });
      	

      </script>
  	</body>
  </html>
